<template>
	<view class="content">
		<!-- 页面背景 -->
		<view class="page_back">
			
			<view class="page_diwen_img_box">
				<image class="diwen_image_pa" src="../../../static/img/zhunxiangfuwu/zhun_diewn_page.png"></image>
			</view>
			
			<view class="diwen_box_img">
				<image class="dinwe_le_img" src="../../../static/img/zhunxiangfuwu/diwen_l.png" ></image>
			</view>
			
			<view class="diwen_box_im_d">
				<image class="diwen_ri_img" src="../../../static/img/zhunxiangfuwu/diwen_r.png" ></image>
			</view>
		</view>
		<!--顶部导航-->
		<uni-nav-bar fixed="true" :statusBar="true" textColor="#fff" title="服务计划" backgroundColor="transparent" :border="false"></uni-nav-bar>
		
		
		<view class="content_margin_box">
			
			<view class="car_ab_box">
				<view class="vip_car_box">
					<image class="vip_car_img" src="../../../static/img/zhunxiangfuwu/zhun_car.png"></image>
				</view>
				<view class="molongbb">魔杰龙成长计划</view>
				
				<view class="mojielong_pric_box">
					<text class="molo_text1">开动魔杰龙服务计划3个月最高可省钱</text>
					<text class="molo_text2">3940</text>
					<text class="molo_text1">元</text>
				</view>
			</view>
			
			<view class="mo_tequan_boxinfo" @click="gotopage('fuwujieshao')">
				<view class="mo_up_box">
					<view class="tequan_img_box">
						<image class="tequan_img" src="../../../static/img/vip.png"></image>
					</view>
					<text class="mo_jie_text">魔杰龙计划8大特特权</text>
				</view>
				
				
				<view class="icon_tab_box">
					<block v-for="(item, index) in tablist" :key="index">
						<view class="mo_te_icon_box">
							<view class="tab_ima_box">
								<view class="m_t_icon_box">
									<image class="mt_img" :src="item.image"></image>
								</view>
								<view v-if="item.tab" class="icon_tab_ta">
									<image class="icon_tab_img" :src="item.tabimage"></image>
								</view>
							</view>
							<view class="mt_img_text1">{{item.title}}</view>
							<view class="mt_img_text2">{{item.names}}</view>
						</view>
					</block>
				</view>
				
			</view>
			
			<view class="xinyi_car_box" @click="gotopage('chengzhangka')">
				<view class="xinyi_text_icon_box">
					<view class="xinyi_text">用成长卡开通</view>
					<view class="xinyi_r_box">
						<image class="xinyi_imag" src="../../../static/img/zhunxiangfuwu/zhun_next.png"></image>
					</view>
				</view>
			</view>
			
			
			<view class="zheng_son_banner_box">
				<view class="zhengs_text1">赠送3个月纸尿裤</view>
				<view class="zhengs_text2">每月可以在尊享服务中免费订购纸尿裤一箱。</view>
				
				<view class="zheng_rig_box">
					<view class="rig_img_box">
						<image class="rig_img_imhg" src="../../../static/img/zhunxiangfuwu/ditu_zhun.png" ></image>
						<view class="text_box_riug">
							<view class="riug_text1">¥1200</view>
							<view class="riug_text2">预计最高可省</view>
						</view>
					</view>
					
					
				</view>
				
				<view class="banner_list_box">
					<template>
					    <u-swiper
					            :list="list4"
					            keyName="url"
					            :autoplay="false"
								:height="136"
								:radius="3"
					    ></u-swiper>
					</template>
				</view>
			</view>


			<view class="zheng_son_banner_box1">
				<view class="zhengs_text1">尊享线上早教课</view>
				<view class="zhengs_text2">让家长和宝宝足不出户也能学早期教育。</view>
				
				<view class="zheng_rig_box">
					<view class="rig_img_box">
						<image class="rig_img_imhg" src="../../../static/img/zhunxiangfuwu/ditu_zhun.png" ></image>
						<view class="text_box_riug">
							<view class="riug_text1">¥1200</view>
							<view class="riug_text2">预计最高可省</view>
						</view>
					</view>
					
					
				</view>
				
				<!-- 这里可以放视频 -->
				<view class="banner_list_box1">
					<view class="veido_box">
						<image class="img_box" :src="zhunxiang_Img" ></image>
					</view>
				</view>
			</view>
			
			
			<view class="zheng_son_banner_box1">
				<view class="zhengs_text1">尊享在线育儿师</view>
				<view class="zhengs_text2">一对一线上育婴师、营养师、早教师咨询服务。</view>
				
				<view class="zheng_rig_box">
					<view class="rig_img_box">
						<image class="rig_img_imhg" src="../../../static/img/zhunxiangfuwu/ditu_zhun.png" ></image>
						<view class="text_box_riug">
							<view class="riug_text1">¥1200</view>
							<view class="riug_text2">预计最高可省</view>
						</view>
					</view>
					
					
				</view>
				
				<!-- 尊享在线育儿师 -->
				<view class="banner_list_box2">
					<view class="veido_box2">
						<image class="img_box2" :src="zaixian_Img" ></image>
					</view>
				</view>
			</view>
			
			
			<view class="zheng_son_banner_box1">
				<view class="zhengs_text1">每月运费卷</view>
				<view class="zhengs_text2">每月一张30元运费卷</view>
				
				<view class="zheng_rig_box">
					<view class="rig_img_box">
						<image class="rig_img_imhg" src="../../../static/img/zhunxiangfuwu/ditu_zhun.png" ></image>
						<view class="text_box_riug">
							<view class="riug_text1">¥1200</view>
							<view class="riug_text2">预计最高可省</view>
						</view>
					</view>
					
					
				</view>
				
				<!-- 这里运费卷 -->
				<view class="yunfe_list_box2">
					<view class="yunfe_box2">
						<image class="yunfe_img_box2" src="../../../static/img/zhunxiangfuwu/send_zhun1.png" ></image>
					</view>
				</view>
			</view>
			
			
			<view class="zheng_son_banner_box1">
				<view class="zhengs_text1">5折加购</view>
				<view class="zhengs_text2">提供优质商品5折</view>
				
				<view class="zheng_rig_box">
					<view class="rig_img_box">
						<image class="rig_img_imhg" src="../../../static/img/zhunxiangfuwu/ditu_zhun.png" ></image>
						<view class="text_box_riug">
							<view class="riug_text1">¥1200</view>
							<view class="riug_text2">预计最高可省</view>
						</view>
					</view>
					
					
				</view>
				
				<!-- 这里五折加购 -->
				<view class="wuze_box_info">
					<view class="wuze_box2">
						<view class="wuze_imge_box_info">
							<image class="wuze_img" src="../../../static/img/zhunxiangfuwu/wuzequan.png" ></image>
						</view>
						
						<view class="wuze_text_box">
							<view class="wuz_text_up">每月免费订购的提交页面</view>
							<view class="wuz_text_up">提供精选优质商品</view>
							<view class="wuz_text_don">（仅限每月免费时使用订单）</view>
						</view>
					</view>
				</view>
				
			</view>			
			
		</view>
		
		
		<view class="renxiao_text">热销产品</view>
		<view class="goods_list_box">
			<block v-for="(item, index) in goods_list" :key="index">
				<view class="goods_info_box" @click="gotopage('goods_detail', item.id)">
					<view class="goods_img_box">
						<image class="goods_imgs" :src="item.image" ></image>
					</view>
					<view class="goods_name">{{item.title}}</view>
					<view class="goods_price_box">
						<view class="goods_price_l">
							<view class="gooda_text1">¥</view>
							<view class="gooda_text2">{{item.price}}</view>
						</view>
						<view class="goods_shopCar">
							<image class="shopCar_img" src="@/static/img/index_shopCar.png"></image>
						</view>
					</view>
				</view>
			</block>
		</view>
		
		
		<!-- <u-popup 
			:show="Is_login_show" 
			@close="Is_login_show = false" 
			mode="center"
		>
		<view>
			<view class="tan_modle">
				<view class="tan_title">请登陆</view>
				<view>
					<u-line></u-line>
					<view class="tan_button">
						<u-button text="取消" :plain="true" :hairline="false" @click="Is_login_show = false"></u-button>
						<u-button text="确认" type="primary" :plain="true" openType="getUserInfo" @click="userinfo"></u-button>				
					</view>
				</view>
			</view>
		</view>
            
		</u-popup> -->
		
		<!-- <view class="goto_pay_box">
			<view class="goto_pay_up_box">
				<view class="xuna_box"></view>
				<text class="yiyuedu1">我已阅读并同意</text>
				<text class="yiyuedu2">《魔杰龙计划章程》</text>
				<text class="yiyuedu3">及</text>
				<text class="yiyuedu4">《隐私政策》</text>
			</view>
			
			<view class="goto_pay_button">
				<view class="goto_button_text">
					<text>立即开通</text>
					<text class="goto_text_ind">¥368</text>
					<text>/季</text>
				</view>
			</view>
		</view> -->
		
		<!-- 会员到期弹窗提醒 起 -->
		<ZnDaoqi v-if="VipBuyShow"></ZnDaoqi>
		<!-- 会员到期弹窗提醒 终 -->
		
		
		<view style="height: 280upx;"></view>
		<zn-tabbar 
			@changeTabbar="changeTabbar" 
			:value4="value4"
			:ZnOpenTabbar="true"
			:vipStatus="vipStatus"
			:paybitton="paybitton"
		></zn-tabbar>
		
	</view>
</template>

<script>
	import HostConfig from '@/utils/host.js';
	import Host from '@/utils/api.js';
	import ZnDaoqi from '@/pages/daoqi/daoqi.vue';
	import common from '@/utils/common.js';
	const app = getApp();
	export default {
		components: {
			ZnDaoqi
		},
		data() {
			return {
				value4: 2,
				Is_login_show: getApp().globalData.LoginStatus,	// 判断用户是否已经登陆
				zhunxiang_Img: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',	// 尊享线上早教课
				zaixian_Img:   'https://cdn.uviewui.com/uview/swiper/swiper3.png',	// 尊享在线育儿师
				goods_list: [], // 商品图片
				VipBuyShow: false,//会员到期弹窗提醒
				vipStatus: '',
				tablist:[{
					'title': '免费纸尿裤',
					'names': '每月一箱',
					'image': '../../../static/img/zhunxiangfuwu/1.png',
					'tab': false
				},{
					'title': '线上早教课',
					'names': '科学育儿',
					'image': '../../../static/img/zhunxiangfuwu/2.png',
					'tab': false
				},{
					'title': '运费券',
					'names': '20元运费券',
					'image': '../../../static/img/zhunxiangfuwu/3.png',
					'tab': true,
					'tabimage': '../../../static/img/zhunxiangfuwu/tab_a.png'
				},{
					'title': '5折加购',
					'names': '精选优惠',
					'image': '../../../static/img/zhunxiangfuwu/4.png',
					'tab': true,
					'tabimage':'../../../static/img/zhunxiangfuwu/tap_i.png'
				},{
					'title': '全国通用',
					'names': '迅速送达',
					'image': '../../../static/img/zhunxiangfuwu/5.png',
					'tab': false
				},{
					'title': '在线育儿师',
					'names': '解答疑难',
					'image': '../../../static/img/zhunxiangfuwu/6.png',
					'tab': false
				},{
					'title': '30天退换',
					'names': '退换无忧',
					'image': '../../../static/img/zhunxiangfuwu/7.png',
					'tab': false
				},{
					'title': '生日大礼包',
					'names': '铭记在心',
					'image': '../../../static/img/zhunxiangfuwu/8.png',
					'tab': false
				}],
				list4: [{
					url: '',
					title: '',
					poster: 'https://cdn.uviewui.com/uview/swiper/swiper1.png'
				},{
					url: 'https://cdn.uviewui.com/uview/swiper/swiper2.png',
					title: ''
				},{
					url: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
					title: ''
				}],
			}
		},
		onLoad() {
			let that = this;
			// 判断用户是否为会员
			if(app.globalData.vipStatus == 1){
				uni.login({
				  provider: 'weixin',
				  success: function (loginRes) {
					uni.request({
					    url: Host.ApiGetOpenid.url, //仅为示例，并非真实接口地址。
						method: 'GET',
					    data: {
					        code: loginRes.code,
					    },
					    success: (res) => {
							that.openid = res.data.openid;
							uni.request({
							    url: Host.ApiGetuserInfo.url, //仅为示例，并非真实接口地址。
								method: 'GET',
							    data: {
							        openid: that.openid,
							    },
							    success: (res) => {
									if(res.data.result == ""){
										console.log('普通会员');
										that.vipStatus = 1;//普通用户
									}else{
										that.vipStatus = 2;//会员
										app.globalData.vipStatus == 2;
									}
							    }
							});
					    }
					});
				  }
				});
			}else{
				that.vipStatus = 2;//会员
			}
			uni.request({
				url: Host.ApiBanner.url, //仅为示例，并非真实接口地址。
				method: 'GET',
				success: (res) => {
					let zhensongImg = res.data.image;
					let hostUrl = HostConfig.service.host;
					var list = res.data.data;
					list.map((value, index) =>{
						if(value.location == 'joinplan'){		// 赠送3个月纸尿裤的轮播图
							that.list4 = [{
								url: hostUrl + value['image'],
								title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
							}]
						}
						if(value.location == 'zhunxiang'){	// 尊享线上早教课
							that.zhunxiang_Img = hostUrl + value['image'];
						}
						if(value.location == 'zaixianyu'){	// 尊享在线育儿师
							that.zaixian_Img = hostUrl + value['image'];
						}
					})
				}
			});
			// 商品列表接口
			uni.request({
				url: Host.ApiGetGoodsList.url, //仅为示例，并非真实接口地址。
				method: 'GET',
				data:{
					category_type: 'hot'
				},
				success: (res) => {
					let hostUrl = HostConfig.service.host;
					var list = res.data.data;
					list.map((value, index) =>{
						if(value.category_type == 'hot'){	// 商品图
							value['image'] = hostUrl + value['image'];
						}
					});
					that.goods_list = list;
				}
			});
			
		},
		methods: {
			paybitton(){
				console.log(123)
			},
			gotopage(param, id=0){
				if(param == 'fuwujieshao'){
					uni.navigateTo({
						url:'/pages/zhunxingfuwu/fuwjieshao/fuwujieshao'
					})
				}
				if(param == 'chengzhangka'){
					uni.navigateTo({
						url:'/pages/chengzhangka/chengzhangka'
					})
				}
				if(param == 'goods_detail'){
					uni.navigateTo({
						url:'/pages/goods/goods_detail?goods_id=' + id
					})
				}
			},
			changeTabbar(e){
				this.value4 = e;
				let that = this;
				
				console.log(e)
				console.log(2123)
			},
			userinfo(e){
				console.log(123)
			}
		},
	}
</script>

<style>
	page{
		background-color: #F6F8F9;
	}
	.content{
		width: 100%;
		overflow-x: hidden;
	}
	.page_diwen_img_box{
		width: 100%;
		height: 784upx;
	}
	.diwen_image_pa{
		width: 100%;
		height: 784upx;
	}
	.page_back{
		/* z-index: -100; */
		/* background: linear-gradient(226deg, #41474B 0%, #282D30 100%); */
		width: 100%;
		height: 784upx;
		position: absolute;
	}
	.diwen_box_img{
		position: absolute;
		width: 368upx;
		height: 606upx;
		right: 0;
		top: 0;
	}
	.dinwe_le_img{
		width: 368upx;
		height: 606upx;
	}
	.diwen_box_im_d{
		width: 428upx;
		height: 622upx;
		position: absolute;
		top: 70upx;
	}
	.diwen_ri_img{
		width: 428upx;
		height: 622upx;
	}
	.content_margin_box{
		margin: 14upx 24upx 0 24upx;
	}
	.vip_car_box{
		width: 752upx;
		height: 352upx;
	}
	.vip_car_img{
		width: 752upx;
		height: 352upx;
	}
	.car_ab_box{
		position: relative;
	}
	.molongbb{
		position: absolute;
		top: 138upx;
		left: 34upx;
		
		width: 406upx;
		height: 92upx;
		font-size: 58upx;
		font-family: OPPOSans-B, OPPOSans;
		font-weight: normal;
		color: #303538;
		line-height: 92upx;
	}
	.mojielong_pric_box{
		position: absolute;
		top: 258upx;
		left: 34upx;
	}
	.molo_text1{
		font-size: 20upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;

	}
	.molo_text2{
		font-family: PingFangSC-Medium, PingFang SC;
		font-size: 46upx;
		font-weight: bold;
	}
	.mo_tequan_boxinfo{
		width: 702upx;
		height: 570upx;
		margin-top: 28upx;
		background: linear-gradient(180deg, #FFFFFF 0%, #FFFAF7 84%, #FFF2E8 100%, #FFF2E7 100%);
		border-radius: 10upx;
		padding: 136upx 52upx 122upx 56upx;
		box-sizing: border-box;
		position: relative;
	}
	.mo_up_box{
		position: absolute;
		top: 36upx;
		left: 24upx;
		display: flex;
		align-items: center;
	}
	.tequan_img_box{
		width: 52upx;
		height: 52upx;
	}
	.tequan_img{
		width: 52upx;
		height: 52upx;
	}
	.mo_jie_text{
		margin-left: 8upx;
		width: 308upx;
		height: 44upx;
		font-size: 32upx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 44upx;
	}
	.icon_tab_box{
		width: 594upx;
		height: 410upx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.mo_te_icon_box{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 132upx;
	}
	.m_t_icon_box{
		width: 90upx;
		height: 90upx;
	}
	.mt_img{
		width: 90upx;
		height: 90upx;
	}
	.mt_img_text1{
		width: 120upx;
		height: 34upx;
		font-size: 24upx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 34upx;
		margin-top: 12upx;
		text-align: center;
	}
	.mt_img_text2{
		/* width: 96upx; */
		height: 34upx;
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		line-height: 34upx;
		margin-top: 6upx;
		text-align: center;
	}
	.tab_ima_box{
		position: relative;
	}
	.icon_tab_ta{
		position: absolute;
		width: 62upx;
		height: 32upx;
		top: -10upx;
		right: -24upx;
	}
	.icon_tab_img{
		width: 62upx;
		height: 32upx;
	}
	.xinyi_car_box{
		padding: 36upx 20upx 38upx 26upx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		margin-top: 42upx;
	}
	.xinyi_text_icon_box{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.xinyi_r_box{
		width: 34upx;
		height: 34upx;
	}
	.xinyi_imag{
		width: 34upx;
		height: 34upx;
	}
	.xinyi_text{
		width: 192upx;
		height: 44upx;
		font-size: 32upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #14A1FF;
		line-height: 44upx;
	}
	.zheng_son_banner_box{
		padding: 138upx 12upx 22upx 12upx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		margin-top: 24upx;
		border-radius: 12upx;
		position: relative;
	}
	.zheng_son_banner_box1{
		padding: 138upx 24upx 22upx 24upx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		margin-top: 24upx;
		border-radius: 12upx;
		position: relative;
	}
	.zhengs_text1{
		position: absolute;
		top: 24upx;
		left: 28upx;
		width: 244upx;
		height: 44upx;
		font-size: 32upx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 44upx;
	}
	.zhengs_text2{
		position: absolute;
		top: 74upx;
		left: 28upx;
		width: 510upx;
		height: 34upx;
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		line-height: 34upx;
	}
	.zheng_rig_box{
		position: absolute;
		top: 0;
		right: 26upx;
	}
	.rig_img_box{
		width: 164upx;
		height: 96upx;
		display: flex;
		/* justify-content: center;
		align-items: center; */
		position: relative;
	}
	.rig_img_imhg{
		width: 164upx;
		height: 96upx;
	}
	.text_box_riug{
		position: absolute;
		display: flex;
		flex-direction: column;
		/* justify-content: center; */
		/* align-items: baseline; */
		/* padding: 10upx 22upx 22upx 22upx; */
		box-sizing: border-box;
	}
	.riug_text1{
		font-size: 27upx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #FF4E2F;
		position: relative;
		top: 10upx;
		left: 40upx;
	}
	.riug_text2{
		font-size: 20upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #2F3234;
		line-height: 28upx;
		position: relative;
		top: 8upx;
		left: 24upx;
	}
	.banner_list_box{
		height: 272upx;
	}
	.banner_list_box1{
		height: 324upx;
	}
	.veido_box{
		height: 324upx;
		width: 654upx;
	}
	.img_box{
		height: 324upx;
		width: 654upx;
	}
	.banner_list_box2{
		width: 646upx;
		height: 302upx;
	}
	.veido_box2{
		width: 646upx;
		height: 302upx;
	}
	.img_box2{
		width: 646upx;
		height: 302upx;
	}
	.yunfe_list_box2{
		width: 646upx;
		height: 198upx;
	}
	.yunfe_box2{
		width: 646upx;
		height: 198upx;
	}
	.yunfe_img_box2{
		width: 646upx;
		height: 198upx;
	}
	.wuze_box_info{
		width: 649upx;
		height: 186upx;
	}
	.wuze_box2{
		/* width: 649upx; */
		height: 186upx;
		background-color: #F6F6F6;
		padding: 18upx 0 14upx 40upx;
		box-sizing: border-box;
		display: flex;
		/* align-items: center; */
		/* justify-content: center; */
	}
	.wuze_imge_box_info{
		width: 116upx;
		height: 154upx;
	}
	.wuze_img{
		width: 116upx;
		height: 154upx;
	}
	.wuze_text_box{
		margin-left: 54upx;
		margin-top: 24upx;
		font-size: 28upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		display: flex;
		flex-direction: column;
		align-items: baseline;
		position: relative;
	}
	.wuz_text_up{
		width: 370upx;
		/* height: 80upx; */
		font-size: 28upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 40upx;
	}
	.wuz_text_don{
		width: 312upx;
		height: 34upx;
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		line-height: 34upx;
		margin-top: 10upx;
		text-align: start;
		position: absolute;
		top: 75upx;
		left: -18upx;
	}
	.goods_list_box{
		margin: 24upx 0 0 16upx;
		width: 718upx;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.goods_info_box{
		background-color: #FFFFFF;
		width: 348upx;
		height: 482upx;
		margin-bottom: 14upx;
	}
	.goods_img_box{
		width: 348upx;
		height: 348upx;
	}
	.goods_imgs{
		width: 348upx;
		height: 348upx;
	}
	.goods_name{
		width: 310upx;
		height: 68upx;
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 34upx;
		margin-left: 24upx;
	}
	.goods_price_box{
		display: flex;
		justify-content: space-between;
		width: 294upx;
		margin-top: 14upx;
		margin-left: 26upx;
		overflow: hidden;
		
	}
	.goods_price_l{
		display: flex;
	}
	.gooda_text1{
		font-size: 24upx;
		font-family: DINAlternate-Bold, DINAlternate;
		font-weight: bold;
		color: #FF4E2F;
		line-height: 40upx;
	}
	.gooda_text2{
		font-size: 36upx;
		font-family: DINAlternate-Bold, DINAlternate;
		font-weight: bold;
		color: #FF4E2F;
		line-height: 40upx;
	}
	.goods_shopCar{
		width: 40upx;
		height: 42upx;
	}
	.shopCar_img{
		width: 40upx;
		height: 42upx;
		
	}
	.renxiao_text{
		width: 144upx;
		height: 50upx;
		font-size: 36upx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 50upx;
		margin: 48upx 0 0 36upx;
		box-sizing: border-box;
	}
	.goto_pay_box{
		/* position: fixed; */
		background-color: #FFFFFF;
		height: 200upx;
		width: 100%;
		padding: 24upx 24upx 12upx 24upx;
		box-sizing: border-box;
		/* bottom: 80px;
		left: 0;
		right: 0; */
	}
	.goto_pay_up_box{
		display: flex;
		align-items: center;
	}
	.xuna_box{
		width: 34upx;
		height: 34upx;
		opacity: 0.5;
		border: 2upx solid #3B4144;
		box-sizing: border-box;
		border-radius: 50%;
	}
	.yiyuedu1{
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		margin-left: 12upx;
	}
	.yiyuedu2{
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #6EC5FF;
	}
	.yiyuedu3{
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
	}
	.yiyuedu4{
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #6EC5FF;
	}
	.goto_pay_button{
		margin-top: 24upx;
		width: 702upx;
		height: 106upx;
		background: #3B4144;
		border-radius: 6upx;
		display: flex;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.goto_button_text{
/* 		width: 284px;
		height: 66px; */
		font-size: 32upx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFC28D;
		line-height: 44upx;
		/* background: angular-gradient(360deg, #FFB779 0%, #FFECDC 69%, #FFDEC4 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent; */
	}
	.goto_text_ind{
		font-size: 36upx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFC28D;
		line-height: 44upx;
	}
	.zhengs_text3{
		/* width: 480upx; */
		position: absolute;
		height: 34upx;
		font-size: 24upx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		line-height: 34upx;
	}
	.tan_modle{
		width: 580upx;
		height: 330upx;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
	.tan_title{
		height: 232upx;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32upx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 44upx;
	}
	.tan_button{
		display: flex;
		justify-content: space-between;
	}
</style>
